<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/xiaoguo.css">
  <script src="../js/jquery-3.6.0.min.js"></script>
  <link rel="stylesheet" href="/common/bootstrap/css/bootstrap.min.css">
  <script src="/common/bootstrap/js/bootstrap.min.js"></script>
  <title>装修公司</title>
</head>
<script type="text/javascript">
    let maxPage = 0;//最大页码
    let PageNum = 1;//当前页
    let PageSize = 6;//页面最大数量

    function nextPage(){//下一页
        PageNum+=1
        getPage(PageNum);
    }

    function lastPage(){
        PageNum-=1
        getPage(PageNum);
    }

    function getPage(pageNum){
        if(pageNum<=0){
            alert("已经是第一页了")
            PageNum = 1;
            return false
        }
        if(pageNum>maxPage){
            alert("已经是最后一页了")
            PageNum = maxPage;
            return false
        }
        $("#yame").text(pageNum);
        let data = {
            pageNum: PageNum,
            pageSize: PageSize
        }
        select(data);
    }

    //根据data查询数据
    function select(data){
        $(".three-list").empty();
        $.get("/cms_zhuangxiu",data,function (res){
            maxPage = (res.total/PageSize)%1==0?res.total/PageSize:parseInt(res.total/PageSize)+1;
            let html = "";
            res.rows.forEach(item => {
                html += `<div class="three" >
                      <div class="three1">
                         <div class="three2">
                            <img src="${item.imgUrl1}" alt="">
                         </div>
                         <div class="three3">
                            <h4>${item.title}</h4>
                            <div class="three4">
                            <span>${item.b1}<a>${item.b2}</a></span>
                            <span>${item.b3}<a>${item.b4}</a></span>
                            <span>${item.b5}<a>${item.b6}</a></span>
                            </div>
                            <div class="three4s">
                              <img src="${item.imgUrl2}" alt="">
                              <p>${item.description}</p>
                            </div>
                            <div class="three5">
                              <img src="../img/juan.png" alt="">
                              <img src="../img/hui.png" alt="">
                              <span>家装季</span>
                            </div>
                         </div>
                      </div>
                      <div class="threes">
                        <div class="b1"><button>联系TA+</button></div>
                        <div class="b2"><button>进入店铺+</button></div>
                      </div>
                    </div>`
            })
            // console.log(html);
            $(".three-list").html(html);
        })
    }
    $(function(){

        $(function (){
            let data = {
                pageNum: PageNum,
                pageSize: PageSize,
            }
            $(".four-list>ul").empty();
            select(data)
        })

        //搜索框查询
        $("#btn").click(function (){
            let val = $("#val").val();
            let data = {
                title:val
            }
            PageNum = 1;
            $("#yame").text(PageNum);
            select(data);
        })


        $(".one-list ul>li").click(function (){
            $(this).addClass("tlist").siblings().removeClass("tlist");
            let arr = new Array(3);
            $(".tlist").each(function (i){
                arr[i] = $(this).text()=="全部"?"":$(this).text();
            })
            PageNum = 1;
            $("#yame").text(PageNum);
            let data = {
                description:arr[0],//地址条件
                b7:arr[1],//类型条件
                b8:arr[2],//价格条件
            }
            select(data)
        })

    })

</script>
<body>
  <div class="zhuangxiu">
    <div class="renovation-hearder centre">
      <ul class="main-top centres">
        <li><a href="#">登录/注册</a></li>
        <li><a href="#">APP/公众号</a></li>
        <li><a href="#">商业合作</a></li>
        <li><a href="#">咨询热线：4000-787-012</a></li>
      </ul>
      <div class="main-bottom centres flex">
        <div class="logo"><img src="/img/logo.jpg" alt=""></div>
        <ul class="main-nav">
          <li><a href="index">首页</a></li>
          <li><a href="zhuangxiu" class="active">装修公司</a></li>
          <li><a href="shejishi">设计师</a></li>
          <li><a href="effect">效果图</a></li>
          <li><a href="fuwu">服务</a></li>
        </ul>
        <div class="main-search ">
          <div class="bule">
            装修公司
            <span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
          </div>
          <input type="search" name="" id="val" placeholder="请输入公司名称或关键字"  />
            <button id="btn">搜索</button>
        </div>
      </div>
    </div>
   <div class="top">
     <a href="#">首页>北京装修公司>共44家公司</a>
   </div>
   <div class="center">
     <div class="center-one">
       <div class="one-list">
         <ul>
          <li>服务地区：</li>
          <li class="tlist"><a href="#">全部</a></li>
          <li><a href="#">东城区</a></li>
          <li><a href="#">西城区</a></li>
          <li><a href="#">崇文区</a></li>
          <li><a href="#">宣武区</a></li>
          <li><a href="#">朝阳区</a></li>
          <li><a href="#">丰台区</a></li>
          <li><a href="#">石景山区</a></li>
          <li><a href="#">海淀区门</a></li>
          <li><a href="#">头沟区</a></li>
          <li><a href="#">房山区</a></li>
         </ul>
         <ul>
          <li>服务内容：</li>
          <li class="tlist"><a href="#">全部</a></li>
          <li><a href="#">小户型</a></li>
          <li><a href="#">公寓</a></li>
          <li><a href="#">别墅</a></li>
          <li><a href="#">普通住宅</a></li>
          <li><a href="#">商业装修</a></li>
         </ul>


         <ul>
          <li>承接价位：</li>
          <li class="tlist"><a href="#">全部</a></li>
          <li><a href="#">3万以下</a></li>
          <li><a href="#">3~6万</a></li>
          <li><a href="#">6~10万</a></li>
          <li><a href="#">10~20万</a></li>
          <li><a href="#">20~50万</a></li>
          <li><a href="#">50~100万</a></li>
          <li><a href="#">100万以上</a></li>
         </ul>
       </div>
       <div class="two-list">
         <a href="#">默认</a>
         <a href="#">案例</a>
         <a href="#">工地</a>
       </div>
       <div class="three-list">
         <div class="three" th:each="m14:${modules[14].designers}">
          <div class="three1">
             <div class="three2">
                <img th:src="${m14.imgUrl1}" alt="">
             </div>
             <div class="three3">
                <h4>[[${m14.title}]]</h4>
                <div class="three4">
                <span>[[${m14.b1}]]<a>[[${m14.b2}]]</a></span>
                <span>[[${m14.b3}]]<a>[[${m14.b4}]]</a></span>
                <span>[[${m14.b5}]]<a>[[${m14.b6}]]</a></span>
                </div>
                <div class="three4s">
                  <img th:src="${m14.imgUrl2}" alt="">
                  <p>[[${m14.description}]]</p>
                </div>
                <div class="three5">
                  <img src="../img/juan.png" alt="">
                  <img src="../img/hui.png" alt="">
                  <span>家装季</span>
                </div>
             </div>
          </div>
          <div class="threes">
            <div class="b1"><button>联系TA+</button></div>
            <div class="b2"><button>进入店铺+</button></div>
          </div>
         </div>
<!--         <div class="three">-->
<!--          <div class="three1">-->
<!--             <div class="three2">-->
<!--                <img src="../img/49.jpg" alt="">-->
<!--             </div>-->
<!--             <div class="three3">-->
<!--                <h4>北京名大世家装饰</h4>-->
<!--                <div class="three4">-->
<!--                <span>案例：<a>14</a></span>-->
<!--                <span>工地：<a>7</a></span>-->
<!--                <span>设计师：<a>9</a></span>-->
<!--                </div>-->
<!--                <div class="three4s">-->
<!--                  <img src="../img/biao.png" alt="">-->
<!--                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>-->
<!--                </div>-->
<!--             </div>-->
<!--          </div>-->
<!--          <div class="threes">-->
<!--            <div class="b1"><button>联系TA+</button></div>-->
<!--            <div class="b2"><button>进入店铺+</button></div>-->
<!--          </div>-->
<!--         </div>-->
<!--         <div class="three">-->
<!--          <div class="three1">-->
<!--             <div class="three2">-->
<!--                <img src="../img/49.jpg" alt="">-->
<!--             </div>-->
<!--             <div class="three3">-->
<!--                <h4>北京金兰雅居装饰工程有限公司</h4>-->
<!--                <div class="three4">-->
<!--                <span>案例：<a>14</a></span>-->
<!--                <span>工地：<a>7</a></span>-->
<!--                <span>设计师：<a>9</a></span>-->
<!--                </div>-->
<!--                <div class="three4s">-->
<!--                  <img src="../img/biao.png" alt="">-->
<!--                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>-->
<!--                </div>-->
<!--             </div>-->
<!--          </div>-->
<!--          <div class="threes">-->
<!--            <div class="b1"><button>联系TA+</button></div>-->
<!--            <div class="b2"><button>进入店铺+</button></div>-->
<!--          </div>-->
<!--         </div>-->
<!--         <div class="three">-->
<!--          <div class="three1">-->
<!--             <div class="three2">-->
<!--                <img src="../img/7.jpg" alt="">-->
<!--             </div>-->
<!--             <div class="three3">-->
<!--                <h4>北京大业美家装饰</h4>-->
<!--                <div class="three4">-->
<!--                <span>案例：<a>14</a></span>-->
<!--                <span>工地：<a>7</a></span>-->
<!--                <span>设计师：<a>9</a></span>-->
<!--                </div>-->
<!--                <div class="three4s">-->
<!--                  <img src="../img/biao.png" alt="">-->
<!--                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>-->
<!--                </div>-->
<!--                <div class="three5">-->
<!--                  <img src="../img/juan.png" alt="">-->
<!--                  <img src="../img/hui.png" alt="">-->
<!--                  <span>家装季</span>-->
<!--                </div>-->
<!--             </div>-->
<!--          </div>-->
<!--          <div class="threes">-->
<!--            <div class="b1"><button>联系TA+</button></div>-->
<!--            <div class="b2"><button>进入店铺+</button></div>-->
<!--          </div>-->
<!--         </div>-->
<!--         <div class="three">-->
<!--          <div class="three1">-->
<!--             <div class="three2">-->
<!--                <img src="../img/7.jpg" alt="">-->
<!--             </div>-->
<!--             <div class="three3">-->
<!--                <h4>北京名大世家装饰</h4>-->
<!--                <div class="three4">-->
<!--                <span>案例：<a>14</a></span>-->
<!--                <span>工地：<a>7</a></span>-->
<!--                <span>设计师：<a>9</a></span>-->
<!--                </div>-->
<!--                <div class="three4s">-->
<!--                  <img src="../img/biao.png" alt="">-->
<!--                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>-->
<!--                </div>-->
<!--             </div>-->
<!--          </div>-->
<!--          <div class="threes">-->
<!--            <div class="b1"><button>联系TA+</button></div>-->
<!--            <div class="b2"><button>进入店铺+</button></div>-->
<!--          </div>-->
<!--         </div>-->
<!--         <div class="three">-->
<!--          <div class="three1">-->
<!--             <div class="three2">-->
<!--                <img src="../img/49.jpg" alt="">-->
<!--             </div>-->
<!--             <div class="three3">-->
<!--                <h4>北京大业美家装饰</h4>-->
<!--                <div class="three4">-->
<!--                <span>案例：<a>14</a></span>-->
<!--                <span>工地：<a>7</a></span>-->
<!--                <span>设计师：<a>9</a></span>-->
<!--                </div>-->
<!--                <div class="three4s">-->
<!--                  <img src="../img/biao.png" alt="">-->
<!--                  <p>朝阳区望京SOHO塔1楼C座26层大业美家装饰</p>-->
<!--                </div>-->
<!--             </div>-->
<!--          </div>-->
<!--          <div class="threes">-->
<!--            <div class="b1"><button>联系TA+</button></div>-->
<!--            <div class="b2"><button>进入店铺+</button></div>-->
<!--          </div>-->
<!--         </div>-->
      </div>

      <div class="four-list">
          <span onclick="lastPage()"><a href="#">《</a></span>
              <span id="yame">1</span>
          <span onclick="nextPage()"><a href="#">》</a></span>



      </div>
     </div>
     <div class="center-two">
      <div class="two-body">
        <h2>本月活跃排名</h2>
        <div class="two-bodys">
           <div class="body-list" th:each="m15:${modules[15].designers}">
            <div class="body1">
            <img th:src="${m15.imgUrl2}" alt="">
            </div>
             <div class="body2">
              <img th:src="${m15.imgUrl1}" alt="">
           </div>
           <div class="body3">
              <h4>[[${m15.title}]]</h4>
              <div class="body4">
              <span>[[${m15.b1}]]<a>[[${m15.b2}]]</a></span>
              <span>[[${m15.b3}]]<a>[[${m15.b4}]]</a></span>
              <span>[[${m15.b5}]]<a>[[${m15.b6}]]</a></span>
              </div>
           </div>
           </div>
<!--           <div class="body-list">-->
<!--            <div class="body1">-->
<!--              <img src="../img/2s.png" alt="">-->
<!--              </div>-->
<!--            <div class="body2">-->
<!--              <img src="../img/7.jpg" alt="">-->
<!--           </div>-->
<!--           <div class="body3">-->
<!--              <h4>名匠</h4>-->
<!--              <div class="body4">-->
<!--              <span>案例：<a>14</a></span>-->
<!--              <span>工地：<a>7</a></span>-->
<!--              <span>设计师：<a>9</a></span>-->
<!--              </div>-->
<!--           </div>-->
<!--          </div>-->
<!--          <div class="body-list">-->
<!--            <div class="body1">-->
<!--              <img src="../img/3s.png" alt="">-->
<!--              </div>-->
<!--            <div class="body2">-->
<!--              <img src="../img/7.jpg" alt="">-->
<!--           </div>-->
<!--           <div class="body3">-->
<!--              <h4>维意定制</h4>-->
<!--              <div class="body4">-->
<!--              <span>案例：<a>14</a></span>-->
<!--              <span>工地：<a>7</a></span>-->
<!--              <span>设计师：<a>9</a></span>-->
<!--              </div>-->
<!--           </div>-->
<!--          </div>-->
<!--          <div class="body-list">-->
<!--            <div class="body1">-->
<!--              <img src="../img/4s.png" alt="">-->
<!--              </div>-->
<!--            <div class="body2">-->
<!--              <img src="../img/7.jpg" alt="">-->
<!--           </div>-->
<!--           <div class="body3">-->
<!--              <h4>金兰雅居</h4>-->
<!--              <div class="body4">-->
<!--              <span>案例：<a>14</a></span>-->
<!--              <span>工地：<a>7</a></span>-->
<!--              <span>设计师：<a>9</a></span>-->
<!--              </div>-->
<!--           </div>-->
<!--          </div>-->
<!--          <div class="body-list">-->
<!--            <div class="body1">-->
<!--              <img src="../img/5s.png" alt="">-->
<!--              </div>-->
<!--            <div class="body2">-->
<!--              <img src="../img/7.jpg" alt="">-->
<!--           </div>-->
<!--           <div class="body3">-->
<!--              <h4>北京卓尔曼</h4>-->
<!--              <div class="body4">-->
<!--              <span>案例：<a>14</a></span>-->
<!--              <span>工地：<a>7</a></span>-->
<!--              <span>设计师：<a>9</a></span>-->
<!--              </div>-->
<!--           </div>-->
<!--          </div>-->
<!--          <div class="body-list">-->
<!--            <div class="body1">-->
<!--              <img src="../img/6s.png" alt="">-->
<!--              </div>-->
<!--            <div class="body2">-->
<!--              <img src="../img/7.jpg" alt="">-->
<!--           </div>-->
<!--           <div class="body3">-->
<!--              <h4>北京力利通</h4>-->
<!--              <div class="body4">-->
<!--              <span>案例：<a>14</a></span>-->
<!--              <span>工地：<a>7</a></span>-->
<!--              <span>设计师：<a>9</a></span>-->
<!--              </div>-->
<!--           </div>-->
<!--          </div>-->
        <div class="lan">
        <img src="../img/lan.png" alt="">
        </div>
      </div>
      <div class="gengduo">
         <p>收起更多排行</p>
      </div>
     </div>
   </div>
  </div>
  <div class="renovation-bottom  centre">
    <div class=" cent  ">
      <div class="bottom-top ">
        <div class="bot-left">
          <ul class="about-bot">
            <h5>关于我们</h5>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#"> 招贤纳士</a></li>
            <li><a href="#">商务合作</a></li>
          </ul>
          <ul class="about-bot">
            <h5>新手上路</h5>
            <li><a href="#">免费注册</a></li>
            <li><a href="#">免费设计</a></li>
            <li><a href="#">免费报价</a></li>
            <li><a href="#">牯修攻路</a></li>
          </ul>
          <ul class="about-bot">
            <h5>帮助中心</h5>
            <li><a href="#">忘记密码</a></li>
            <li><a href="#">侵权投诉</a></li>
            <li><a href="#">法律声明</a></li>
            <li><a href="#">装修问答</a></li>
          </ul>
          <ul class="about-bot">
            <h5>全国统一电话: <span>  4000-787-012</span></h5>
            <li><a href="#">在线咨询:8:30-18:00</a></li>
            <li><a href="#">业务电话:4000-7B7-012</a></li>
            <li><a href="#"> 公司地址:山东省济南市历城区二环东路东环国际广场D做12层</a></li>

          </ul>
        </div>
        <div class="bot-right">
          <img src="/img/weweima_03.png" alt="">
          <p>关注公众号</p>
        </div>

      </div>
      <div class="bottom-center">
        <div class="cen-top"><span>热门装修网</span>&nbsp;&nbsp; 友情链接 </div>
        <div class="cen-bot">
          武汉装修网 合肥装修网 杭州装修网 无铺装修网 青岛鞍修网 兰州装修网 哈尔滨装修网 沈阳装修网 太原敲修网 广州装修网 兰州凄修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 武汉装修网 台肥装修网 杭洲装修网 无镵菽修网 胄岛跋侮网 兰州装修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 兰州装修网 哈尔滨装修网沈阳装修网 太原装修网 广州装修网

        </div>

      </div>
      <div class="bottom-bottom">
        <div class="bot-wen">
          <div>免责声明:本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。装修之家我网保留所有权利</div>
          <div> Copyright@2010-2021济南六度网络技术有限公司zzhijia.comALlLRightls Resenved.备案号:鲁ICP备12026533号鲁公网安备37011202000873号</div>
        </div>
        <div class="bot-img">
          <img src="/img/30.jpg" alt="">
          <img src="/img/31.jpg" alt="">
        </div>

      </div>





    </div>
  </div>
  </div>
</body>
<script>
var lis = document.querySelectorAll("ul li a");

 window.onload = function() {
     for (var i = 0; i < lis.length; i++) {
         lis[i].onclick = function() {
             for (var j = 0; j < lis.length; j++) {
                 lis[j].style.color = "black";
             }
             this.style.color = "#2E06BE";
         }
     }
 }
</script>
</html>
